import Toast from "./Toast";

const obj = {};

obj.install = function(Vue) {
  // 1. 创建组件构造器
  const ToastConstructor = Vue.extend(Toast);

  // 2. new 的方式，根据组件构造器，创建出来一个组件对象
  const toast = new ToastConstructor();

  // 3. 将组件对象手动挂载到某一个元素上
  toast.$mount(document.createElement("div"));

  // 4. toast.$el 就是对应的 div，插入到 body
  document.body.appendChild(toast.$el);

  // 5. 可以使用 this.$toast 调用这个方法，挂载在 Vue 原型方法上
  Vue.prototype.$toast = toast;
};

export default obj;
